{extend name="base" /}
{block name="style"}
<style>
    .main p{ font-size: 14px; margin: 0; }
    .main h3{ color:#222;font-weight: bold; }
    .main a:focus{ color:#fff; }
    .reset-block{  padding-bottom:60px;}
    .c-inbanner{ background: rgba(230,230,230,.6)}
    header .child-menu a{ color:#666; }
    .structure ul{ width:90%;margin:0 auto; }
    .structure p{ background: #C62D1E;width:60px; padding:30px 20px; color:#fff; font-size: 17px; position: relative;margin-left:-30px; }
    .structure li{float: left;text-align: center;}
    .line{ margin:0 auto; }
    .line li{ height:100px; border:0 solid #555;border-right-width:1px ; }
    .one-divide li{ width:100%; }
    .two-divide li{ width:50%;border-bottom-width: 1px; }
    .two-divide li:last-child{ border-right-width:0;  }
    .three-divide li{ width:33.33333%; }
    .three-divide li:first-child{ border-left-width:1px ;  }
    .four-divide li{width:25%;}
    .p0{ left:50%;}
    .p1{ left:0%;}
    .p2{ left:33.33333%;}
    .p3{ left:66.66666%;}
    .p4{ left:100%;}

    @media (max-width: 767px) {
        .reset-block{  padding-bottom:0px;}
        .structure p{ padding:20px; font-size: 16px; }
        .structure ul{ width:80%;margin:0 auto; }
        .line li{ height:60px;}

    }
    @media (min-width: 768px) and (max-width: 991px) {

    }

</style>
{/block}
{block name="content"}
<section id="banner">
    <div class="banner-box">
        <img src="/assets/img/head.png" >
    </div>
    <!-- 下方二级菜单 -->
    <div class="detail detail-path hidden-xs">
        <div class="container">
            <div class="detail-home">
                <a href="/">
                    <img src="/assets/img/home.png" />
                </a>
                <a href="/party" id="main-title">党建内容</a>&gt;
                <a href="/party/structure" id="sub-title">党组织架构</a>
            </div>
            <ul class="list-inline detail-title" id="detail-title">
                <li>
                    <a href="/party/dynamic">党建动态</a>
                </li>
                <li>
                    <a href="/party/relative">相关文件</a>
                </li>
                <li>
                    <a href="/party/rule">规章制度</a>
                </li>
                <li class="current">
                    <a href="/party/structure">党组织架构</a>
                </li>
                <span id="subline"></span>
            </ul>
        </div>
    </div>
</section>

<section class="main">
    <div class="container">
        <div class="row">
            <div class="reset-col-sm-9 col-xs-12 reset-block">
                <div class="structure">
                    <ul class="one-divide clearfix">
                        <li><p class="p0">熊猫置业党委</p></li>
                    </ul>
                </div>
                <div class="structure line">
                    <ul class="two-divide clearfix">
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="structure line">
                    <ul class="three-divide clearfix">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="structure">
                    <ul class="four-divide clearfix">
                        <li>
                            <p class="p1">第一党支部</p>
                        </li>
                        <li>
                            <p class="p2">第二党支部</p>
                        </li>
                        <li>
                            <p class="p3">第三党支部</p>
                        </li>
                        <li>
                            <p class="p4">第四党支部</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="reset-col-sm-3 col-xs-12">
                <div class="row">
                    <div class="col-md-12 col-xs-6">
                        <div class="reset-img-box">
                            <img class="img-responsive center-block" src="/assets/img/side-bg03.png">
                            <a href="dynamic-detail-2.html" class="party-side text-center">熊猫置业召开2018年党建工作学习会</a>
                        </div>
                    </div>
                    <div class="col-md-12 col-xs-6">
                        <div class="reset-img-box">
                            <img class="img-responsive center-block" src="/assets/img/side-bg04.png">
                            <a href="dynamic-detail-1.html" class="party-side text-center">熊猫置业圆满完成民主评议党员工作</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{/block}
{block name="script"}
{/block}